<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登陆</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/denglu.css">
	<script src="js/html5shiv.min.js"></script>
	<script src="js/flexible.debug.js"></script>
	<script src="js/flexible_css.debug.js"></script>
</head>
<body>
	<header class="denglu_header">
		<span class="left"><a href="my.html"><img src="img/fanhui@2x.png" alt=""></a></span>
		<span class="center">登陆</span>
		<span class="right"><a href="zhuce.html">注册</a></span>
	</header>
	<section>
		<div class="denglu_input">
			<input class="tel" type="tel" id="tel" placeholder="输入手机号">
		</div>
		<div class="denglu_header mima" >
			<input class="pas"   type="password" id="pas" placeholder="输入密码">
		</div>
		<div class="wangji">

			<span>忘记密码？</span>
		</div>
		<div class="anniu">
			<p class="denglubtn">登录</p>
			<p class="denglubtn">快速登录</p>
		</div>
		<div class="qita">
			<p>———— 其他登录方式 ————</p>
			<ul>
				<li><a href=""><img src="img/denglu_09.png" alt=""></a></li>
				<li><a href=""><img src="img/denglu_11.png" alt=""></a></li>
				<li><a href=""><img src="img/denglu_13.png" alt=""></a></li>
			</ul>
		</div>
	</section>
	<script src="js/jquery-1.12.4.min.js"></script>
	<script>
		
		$('.denglubtn').click(function(){
			var tel = document.getElementById('tel').value;
			var pas = document.getElementById('pas').value;
			var telzz = /^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
			var paszz = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)(?!^[^a-zA-Z0-9]*$)\S{6,12}$/		
				if(tel&&pas){
				if( telzz.test(tel) == false){
					alert('手机号错误')
				}else if( paszz.test(pas) == false){
					alert('密码是6-18位')
				}else{
				alert('登录成功')
			}

			}else if(tel == ''||pas == ''){
				alert('请输入手机号和密码')
			}
				console.log(tel)

		})
	</script>

</body>
</html>